<script setup lang="ts">

</script>

<template>
  <div class="footer-container flex-row">
    <span>2024-2025 © YourLife. All rights reserved.</span>
    <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备20230000号</a>
    <a href="https://beian.miit.gov.cn/" target="_blank">粤公网安备 44010602002001号</a>
    <a href="https://beian.miit.gov.cn/" target="_blank">粤网文[2023]001-002号</a>
  </div>
</template>

<style lang="less" scoped>
.footer-container {
  justify-content: center;
  align-items: center;
  font-size: @small-font-size;
  background-color: #fff;
  padding: 20px;
  span {
    height: 20px;
    line-height: 20px;
  }
  a {
    height: 20px;
    line-height: 20px;
  }
  a:first-child {
    margin-left: 10px;
  }
  a:not(:last-child) {
    margin-right: 10px;
  }
}

@media  screen and (max-width: 745px) {
  .footer-container {
    flex-direction: column;
    align-items: center;
  }
  span,
  a {
    width: 100%;
    text-align: center;
  }
}
</style>
